<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="../js/orgpicker/orgpicker.css">
<link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">

<!-- 上传控件 -->
    <link href="../components/fileupload/css/fileinput.css" media="all" rel="stylesheet" type="text/css"/>
    <link href="../components/fileupload/css/font-awesome.min.css" media="all" rel="stylesheet" type="text/css"/>
    <link href="../components/fileupload/themes/explorer-fa/theme.css" media="all" rel="stylesheet" type="text/css"/>
    
	<script src="../js/jquery.min.js"></script>
	
    <script src="../components/fileupload/js/plugins/sortable.js" type="text/javascript"></script>
    <script src="../components/fileupload/js/fileinput.js" type="text/javascript"></script>
    <script src="../components/fileupload/js/locales/zh.js" type="text/javascript"></script>
    <script src="../components/fileupload/themes/explorer-fa/theme.js" type="text/javascript"></script>
    
<script type="text/javascript" src="../bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../bootstrap/js/loading.js"></script>

<!-- select2 -->
<script type="text/javascript" src="../js/select2/js/select2.min.js"></script>
<link rel="stylesheet" type="text/css" href="../js/select2/css/select2.min.css" />

<!-- jquery-confirm -->
<link href="../css/jquery-confirm.css" rel="stylesheet">
<script type="text/javascript" src="../js/jquery-confirm.js" ></script>

<link rel="stylesheet" type="text/css" href="../ctiypicker/css/cityPicker.css">
<script type="text/javascript" src="../ctiypicker/js/cityPicker.js"></script>

<!-- 遮罩层插件 -->
<link rel="stylesheet" type="text/css" href="../js/jquery.mloading/src/jquery.mloading.css">
<script type="text/javascript" src="../js/jquery.mloading/src/jquery.mloading.js"></script>
	
	
<script type="text/javascript" src="../js/share.js"></script>
<script type="text/javascript" src="../js/bindcontrol.js"></script>

<!-- 多级机构选择控件 -->
<script type="text/javascript" src="../js/orgpicker/orgpicker.js"></script>

<script type="text/javascript" src="edit.js"></script>
<script type="text/javascript" src="business.js"></script>
</head>
<body>
	<div class="container">
		<h2 id="title" style="text-align: center;"></h2>
		<!-- <div class="panel panel-primary">
			<div class="panel-heading">
				<h3 class="panel-title">申请单信息</h3>
			</div>
			<div class="panel-body">
			</div>
		</div> -->

		<form id="Apply">
			<table>
			<tbody>
				<tr>
					<td>
						<input type="hidden" name="itemno" value="">
						<input type="hidden" name="itemtypecode" value="">
						<input type="hidden" name="itemname" value="">
						<input type="hidden" name="orgcode" id="orgcode" value="">
						<input type="hidden" name="orgname" id="orgname" value="">
						<input type="hidden" name="applyid" id="applyid" value="">
						<input type="hidden" name="applyno" id="applyno" value="">
					</td>
				</tr>
			</tbody>
			</table>
        </form>
		<!-- 业务信息 -->
		<div id="businessForm">
		
		</div>
		
		<div class="panel panel-primary" id='fileupload'>
			<div class="panel-heading">
				<h3 class="panel-title">提交材料</h3>
			</div>
				
				<table class="table table-striped" id="material" style="text-align: center;">
					<thead>
						<tr>
							<th style="width: 5%; text-align: center;">序号</th>
							<th style="width: 40%; text-align: center;">材料名称</th>
							<th style="width: 10%; text-align: center;">材料数量</th>
							<th style="width: 30%; text-align: center;">附件</th>
							<th style="width: 15%; text-align: center;">操作</th>
						<tr>
					</thead>
					<tbody>
<!-- 						<tr>
							<td>1</td>
							<td>船舶证书</td>
							<td>1</td>
							<td>船舶证书.jpg</td>
							<td>上传</td>
							<td>删除</td>
						</tr> -->
					</tbody>
				</table>
				
		</div>
		


		
		<div style="text-align: center;" id='buttons'>
			<button type="button" class="btn btn-primary" id="submit">提交</button>
			<button type="button" class="btn btn-info" id="save">保存</button>
<!-- 			<button type="button" class="btn btn-danger" id="delete">删除</button> -->
			<button type="button" class="btn btn-default" onclick="window.close();">取消</button>
		</div>
	</div>
	
	
<!-- 模态框（Modal） -->
<div class="modal fade" id="fileuploadmodal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				<h4 class="modal-title" id="myModalLabel">
					文件上传
				</h4>
			</div>
			<div class="modal-body">
<!--             	<input class="upload" type="file" multiple> -->
            	
				<input class="upload" name="file" multiple type="file" data-show-caption="true" fileid="">
			</div>
			<div class="modal-footer">
				<!-- <button type="button" class="btn btn-default" data-dismiss="modal">关闭
				</button> -->
				<!-- <button type="button" class="btn btn-primary" id="upload">
					上传文件
				</button> -->
			</div>
		</div><!-- /.modal-content -->
		
		<!-- modal增加移动效果 start -->
		<script src="../js/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js"></script>
		<script type="text/javascript">
	    	$("#fileuploadmodal").draggable();//为模态对话框添加拖拽
		</script>	
		<!-- modal增加移动效果 end -->	
								
	</div><!-- /.modal -->
</div>


<!-- 模态框（Modal） -->
<div class="modal fade" id="modalShip" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog" style="width: 1000px;">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				<h4 class="modal-title" id="myModalLabel">
					选择船舶
				</h4>
			</div>
			<div class="modal-body" style="height: 600px;">

				<form class="form-horizontal">
					<fieldset>
						<div class="form-group">
							<label class="col-sm-2 control-label">船舶识别号</label>
							<div class="col-sm-2">
								<input type="text" class="form-control" id="shipidnumber" />
							</div>

							<label class="col-sm-2 control-label">中文船名</label>
							<div class="col-sm-2">
								<input type="text" class="form-control" id="shipname" />
							</div>


							<div class="form-group">
								<div class="col-sm-1">
									<button type="button" class="btn btn-primary" id="search">
										<span class="glyphicon glyphicon-search"></span>搜索
									</button>
								</div>
								
								<div class="col-sm-2">
									<button type="button" id="addShipModal" class="btn btn-danger">新增船舶</button>
								</div>
							</div>
						</div>
					</fieldset>
				</form>
	
            	<table  id="tableShip" style="text-align: center;"></table>
            	
			</div>
			<div class="modal-footer">
				<!-- <button type="button" class="btn btn-default" data-dismiss="modal">关闭
				</button> 
				<button type="button" class="btn btn-primary" id="upload">
					确定
				</button>  -->
			</div>
		</div><!-- /.modal-content -->
		
		<!-- modal增加移动效果 start -->
		<script type="text/javascript">
// 	    	$("#modalShip").draggable();//为模态对话框添加拖拽
		</script>	
		<!-- modal增加移动效果 end -->	
								
	</div><!-- /.modal -->
</div>


<!-- 模态框（Modal） -->
<div class="modal fade" id="modalAddShip" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog" style="width: 1000px;">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				<h4 class="modal-title">
					新增船舶
				</h4>
			</div>
			<div class="modal-body" style="height: 600px; overflow-y: scroll;">
				<form id="shipForm">
					<table class="table table-bordered">
					<tbody>
						<tr>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								船舶识别号：
							</td>
							<td>
								<input type="text" class="form-control" name="shipidnumber" placeholder="请输入船舶识别号">
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								船舶登记号：
							</td>
							<td>
								<input type="text" class="form-control" name="regno" placeholder="请输入船舶登记号">
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								初次登记号：
							</td>
							<td>
								<input type="text" class="form-control" name="initregno" placeholder="请输入初次登记号">
							</td>
						</tr>
						<tr>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								船检登记号：
							</td>
							<td>
								<input type="text" class="form-control" name="checkno" placeholder="请输入船检登记号">
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								牌簿号：
							</td>
							<td>
								<input type="text" class="form-control" name="cardno" placeholder="请输入牌簿号">
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								IMO：
							</td>
							<td>
								<input type="text" class="form-control" name="imo" placeholder="请输入IMO">
							</td>
						</tr>
						<tr>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								中文船名：
							</td>
							<td colspan="5">
								<input type="text" class="form-control" name="shipname" placeholder="请输入中文船名">
							</td>
						</tr>
						<tr>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								英文船名：
							</td>
							<td colspan="5">
								<input type="text" class="form-control" name="shipnameen" placeholder="请输入英文船名">
							</td>
						</tr>
						<tr>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								MMSI：
							</td>
							<td>
								<input type="text" class="form-control" name="mmsi" placeholder="请输入MMSI">
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								船舶呼号：
							</td>
							<td>
								<input type="text" class="form-control" name="callsign" placeholder="请输入船舶呼号">
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								船籍港代码：
							</td>
							<td>
								<input type="text" class="form-control" name="portcode" placeholder="请输入拖船名称">
							</td>
						</tr>
						<tr>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								船旗国代码：
							</td>
							<td>
								<input type="text" class="form-control" name="flagcode" placeholder="请输入拖船名称">
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								海船/内河船标识代码：
							</td>
							<td>
								<input type="text" class="form-control" name="markcode" placeholder="请输入拖船名称">
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								船舶种类代码：
							</td>
							<td>
								<input type="text" class="form-control" name="typecode" placeholder="请输入拖船名称">
							</td>
						</tr>
						<tr>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								总吨位：
							</td>
							<td>
								<input type="number" class="form-control" name="grosstonnage" placeholder="请输入总吨位">
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								净吨位：
							</td>
							<td>
								<input type="number" class="form-control" name="nettonnage" placeholder="请输入净吨位">
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								参考载重吨：
							</td>
							<td>
								<input type="number" class="form-control" name="deadweight" placeholder="请输入参考载重吨">
							</td>
						</tr>
						<tr>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								总功率：
							</td>
							<td>
								<input type="number" class="form-control" name="enginepower" placeholder="请输入总功率">
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								客位：
							</td>
							<td colspan="3">
								<input type="number" class="form-control" name="ratedseat" placeholder="请输入客位">
							</td>
						</tr>
						<tr>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								船舶总长：
							</td>
							<td>
								<input type="number" class="form-control" name="overalllength" placeholder="请输入船舶总长">
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								船舶型宽：
							</td>
							<td>
								<input type="number" class="form-control" name="mouldedbreadth" placeholder="请输入船舶型宽">
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								船舶型深：
							</td>
							<td>
								<input type="number" class="form-control" name="mouldeddepth" placeholder="请输入船舶型深">
							</td>
						</tr>
						<tr>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								核定航线代码：
							</td>
							<td>
								<input type="text" class="form-control" name="linecode" placeholder="请输入拖船名称">
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								核定航区代码：
							</td>
							<td>
								<input type="text" class="form-control" name="areacode" placeholder="请输入拖船名称">
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								建造日期：
							</td>
							<td>
								<input type="date" class="form-control" name="builddate" placeholder="请输入建造日期">
							</td>
						</tr>
						<tr>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								所有人：
							</td>
							<td>
								<input type="text" class="form-control" name="owner" placeholder="请输入所有人">
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								所有人地址：
							</td>
							<td>
								<input type="text" class="form-control" name="owneraddress" placeholder="请输入所有人地址">
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								所有人联系电话：
							</td>
							<td>
								<input type="text" class="form-control" name="ownertelephone" placeholder="请输入所有人联系电话">
							</td>
						</tr>
						<tr>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								经营人：
							</td>
							<td>
								<input type="text" class="form-control" name="operator" placeholder="请输入经营人">
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								经营人地址：
							</td>
							<td>
								<input type="text" class="form-control" name="operatoraddress" placeholder="请输入经营人地址">
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								经营人联系电话：
							</td>
							<td>
								<input type="text" class="form-control" name="operatortelephone" placeholder="请输入经营人联系电话">
							</td>
						</tr>
					</tbody>
					</table>
					
	            </form>
			
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">关闭
				</button> 
				<button type="button" class="btn btn-primary" id="addShip">
					确定
				</button>
			</div>
		</div><!-- /.modal-content -->
		
		<!-- modal增加移动效果 start -->
		<script type="text/javascript">
	    	$("#modalAddShip").draggable();//为模态对话框添加拖拽
		</script>	
		<!-- modal增加移动效果 end -->	
	</div><!-- /.modal -->
</div>
</body>
</html>